<template>
  <div v-if="isAlready&&widget.props.visible"  class="showWidgetClass" :style="'width:'+widget.props.width+widget.props.widthUnit+';height:'+widget.props.height+widget.props.heightUnit+';'">
    <div style="width: 100%;float: left;">
      <drag-widget :model="model" :widgets="widgets" :widget="widget"></drag-widget>
    </div>
  </div>
</template>
<script>

import DragWidget from "@/views/asset/card/module/widget/widget.vue";

export default {
  name: "widgetShow",
  components: {DragWidget},
  props: {
    model: {type: Object, default: {}},
    widgets: {type: Array, default: []},
    widget: {type: Object, default: null},
  },
  data() {
    return {
      isAlready: false,
    }
  },
  created() {
    this.isAlready = true;
  },
  methods: {}
}
</script>
<style>
.showWidgetClass{
  float: left;
  padding: 5px 5px 5px 5px;
}



</style>
